<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../d3part/css/water.css">
	<link rel="stylesheet" type="text/css" href="./css/scoreline.css">
	<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
	<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../d3part/d3/d3.min.js"></script>
	<script type="text/javascript" src="../d3part/js/water.js"></script>
	<script src="js/checklogin.js"></script>
	<style>
        .liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }
        .bg_1 {
			background-image: url(image/scoreline/bg.png);
			background-repeat: no-repeat;
			background-size: contain;
		}
		.pstyle{
			font-size: 30px;
			font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
		}
    </style>
</head>
<body onload="haslogin()">
	<div class="container bg_1">
		<div class="row">
			<div class="col-md-12" id="topDiv">
				<!-- <img src="./image/vis/top.png" width="100%" /> -->
			</div>
		</div>
		<div class="row">
			<div class="col-md-3" id="list">
				<p>&nbsp;</p>
				<p class="pstyle">我</p>
				<p class="pstyle">的</p>
				<p class="pstyle">成</p>
				<p class="pstyle">绩</p>
				<p class="pstyle">统</p>
				<p class="pstyle">计</p>
				<p>&nbsp;</p>
			</div>
			<div class="col-md-3" id="water">
				<span class="spanTitle">成绩合格率</span>
				<svg id="fillgauge" width="100%" height="200" onclick=""></svg>
			</div>
			<div class="col-md-6" id="linechart">
				<span class="spanTitle">最近10次成绩统计图</span>
				<!-- <button onClick="javascript:update();">刷新数据</button> -->
			</div>
		</div>
		<div class="row" style="margin-top:40px">
      		<div class="col-md-4 col-md-offset-4 text-center" >
        		<img src="image/scoreline/back.jpg" class="img-rounded" id="imageBt"  height="50"  style="margin-left:auto" />
      		</div>
    	</div>
		<div style="margin-top:500px"></div>
	</div>
<script language="JavaScript">
    var config = liquidFillGaugeDefaultSettings();
    config.circleColor = "#D4AB6A";
    config.textColor = "#553300";
    config.waveTextColor = "#805615";
    config.waveColor = "#AA7D39";
    config.circleThickness = 0.1;
    config.circleFillGap = 0.2;
    config.textVertPosition = 0.8;
    config.waveAnimateTime = 2000;
    config.waveHeight = 0.3;
    config.waveCount = 1;
    var gauge3 = loadLiquidFillGauge("fillgauge", 50, config);

    function NewValue(){
        if(Math.random() > .5){
            return Math.round(Math.random()*100);
        } else {
            return (Math.random()*100).toFixed(1);
        }
    }
</script>
<script type="text/javascript">
//产生随机数据
function getData() {
	var dataSet = {};
	var dataNum = 10;
	dataset = [];
	xMarks = [];
	for (var i = 0; i < dataNum; i++) {
		dataset.push(0);
		xMarks.push(i+1);
	}
	dataSet.dataset = dataset;
	dataSet.xMarks = xMarks;
	return dataSet;
}
var dataSet = getData();
</script>
<script type="text/javascript" src="../d3part/js/linechart.js"></script>
<script type="text/javascript">
	drawLineChart(getData());
	function update(scoreList,percent){
		gauge3.update(percent);
		drawChart(scoreList);
	}
</script>
<script type="text/javascript" src="./js/scoreline.js"></script>
</body>
</html>